<template>
  <div>
    <h2 @click="showName">学校名称：{{name}}</h2>
    <h2>地址：{{address}}</h2>
    <h2>来自mixin：x={{x}} y={{y}}</h2>
  </div>
</template>

<script>
//引入一个mixin
import {mixin, mixin2} from '../mixin.js'

export default {
    name: 'School',
    data() {
        return {
            name: 'sgg',
            address: 'bj', 
        }
    },
    //School组件和Student组件都有这个methods配置，且内容一样，可以用配置到混合中
    // methods:{
    //     showName() {
    //         alert(this.name)
    //     }
    // },
    mounted() {
        console.log('School: 组件挂载好了');
    },

    //配置混合们
    mixins: [
        mixin, mixin2
    ]
}
</script>